<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新闻</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style-type: none;
        }

        #head1111 {
            width: 100%;
            height: 80px;
        }

        #menu1111 ul li a {
            text-decoration: none;
            color: rgb(71, 47, 52);
            
        }

        #menu1111 ul {
            width: 500px;
            position: absolute;
            right: 80px;
        }

        #menu1111 ul li {
            float: left;
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin: 20px auto;
        }
        #menu1111 ul li a:hover {
            color: rgb(248, 90, 117);
        }
        #logo1111 {
            position: absolute;
            top: 5px;
            left: 100px;
            width: 100px;
            height: 100px;
        }
        .ph1111 {
            width: 70px;
            height: 70px;
        }
        #d1 img{
            width: 100%;
            height: 400px;
            background-size: cover;
            margin-top: 50px;
        }
        #d1 p{
            font-size: 50px;
            text-align: center;
        }
        #d1 p:nth-child(3){
            color: red
        }
        #d2 img{
            width: 400px;
            height: 400px;
            margin-top: 100px;
            margin-left: 200px;
            background-size: cover;
            border: 15px solid #aaa
        }
        #d4{
            margin-top: 100px;
        }
        #d4 img{
            width: 600px;
            height: 220px;
            background-size: cover;
            text-align: center;
        }
        #d3{
            position: absolute;
            left: 150px;
        }
        #d5{
            width: 600px;
            height: 600px;
            line-height: 50px;
            position: absolute;
            top: 0px;
            left: 700px;
            text-align: left;
            margin-top: 100px;
        }
        a{
            text-decoration: none;
            color: #000;
        }
        h2{
            font-weight: normal;
        }
        #d6{
            width: 100%px;
            height: 1300px;
        }
        footer{
           width: 100%;
           height: 150px;
           background: #eee;
           margin-top: 50px;
           /* background: url(imagesrvice.png) */
       }
       footer ul{
           width: 600px;
           height: 50px;
           margin: 0 auto;
       }
       footer ul li{
           width: 120px;
           height: 50px;
           line-height: 50px;
           float: left;
           text-align: center
       }
       #footer1 img{
           margin-top: 10px;
           width: 30px;
           height: 30px;
           position: relative;
           /* top: -100px; */
           bottom: -20px;
           left: -70px;
       }
       #footer1 span{
           position: relative;
           top: -20px;
           right: 30px;
       }
       #footer1{
           width: 100px;
           height: 50px;
           margin: 0 auto
       }
       footer p{
           text-align: center
       }
    </style>
</head>
<body>
        <div id="head1111">

                <div id="menu1111">
                    <ul>
                        <li><a href="index.html" id="index">首页</a>
                        <li><a href="menu.html" title="">在线订餐</a>
                        <li><a href="discount.html" title="">优惠活动</a>
                        <li><a href="News.html" title="">新闻资讯</a>
                        <li><a href="Contact us.html" title="">联系我们</a>
                        
                    </ul>
                </div>
                <div id="logo1111">
                    <img src="images/logo1.png" alt="" class="ph1111">
                </div>
            </div>
    <div id="d1">
        <img src="images/gaodian (8).jpg" alt="">
        <p>NEWS INFORMATION</p>
        <P>新闻资讯</P>
    </div>
    <div id="d6">
    <div id="d2">
        <img src="images/gaodian (5).jpg" alt="">
        <img src="images/gaodian (6).jpg" alt="">
    </div>
    <div id="d3">
        <div id="d4">   
            <img src="images/gaodian (4).png" alt=""><br/>
            <img src="images/gaodian (2).jpg" alt=""><br/>
            <img src="images/gaodian (3).jpg" alt="">
        </div>
        <div id="d5">
            <p><h1><a href="news2.html">我们有你没有尝过的美食</a></h1></p>
            <p><h2>我们的甜品，带给你不一样的感受，让你的味蕾惊叹</h2></p>
            <p><h1><a href="news2.html">甜蜜滋味，思语霏霏</a></h1></p>
            <p><h2>甜品店，给人的第一感觉就是要有甜蜜的味道</h2></p>
            <p><h1><a href="news2.html">带给你恋人般的享受</a></h1></p>
            <p><h2>我们的甜品，将带给你初恋一般的回忆与感受</h2></p>
            <p><h1><a href="news2.html">爱你有不同，甜在我心边</a></h1></p>
            <p><h2>不一样的感受，感受亲人之爱，友情之爱与恋人之爱</h2></p>
            <p><h1><a href="news2.html">回忆美好的童年</a></h1></p>
            <p><h2>到达心里最甜美的地方，是我们无忧的童年</h2></p>
        </div>
    </div>
    </div>
    <footer>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">优惠活动</a></li>
            <li><a href="">在线订餐</a></li>
            <li><a href="">新闻资讯</a></li>
            <li><a href="">关于我们</a></li>
        </ul>
        <div id="footer1">
        <img src="../images/service.png" alt=""><span>pxcai@163.com</span>
        
    </div>
    <p>互联网出版许可证编号新出网证（沪）字 7777777号</p>
    </footer>
</body>
</html>